<!-- 页面面包屑 -->
<template>
<div class="an-nav-1">
	<!-- <router-link :to="pathName.url"></router-link> -->
	<a class="an-nav-4">{{$t(pName.name)}}</a>
	<span>/</span>
	<a class="an-nav-4">{{$t(currentInfo.subName)}}</a>
</div>
</template>

<script setup>
	import useMenu from "@/hook/useMenu.js"
	const {pName,currentInfo} = useMenu();
</script>

<style lang="scss" scoped>
	.an-nav-1{padding: 15px 5px 10px;border-bottom:1px solid #f1f1f1;font-size: 14px;margin-bottom: 10px;}
	.an-nav-1 span{display: inline-block;margin: 0 10px;font-weight: bold;color: #999;}
	.an-nav-2{color: #333;}
	.an-nav-4{color: #999;}

	html.dark {
		.an-nav-1{border-color: #666;}
	}
	
	@media screen and (max-width: 960px){
		.an-nav-1{padding: 10px 5px;}
	}
</style>
